import React, { useCallback, useMemo, useState } from "react"

// function facOf(n){
//     console.log('facOf')
//  return n<=0 ? 1:n*facOf(n-1)

// }
// let copy=null
// const ChildComponent=()=>{
//     console.log()
//     return(
//         <div>1111</div>
//     )
// }
const MemoVsCallback=()=>{
//     const [number,setNumber]=useState(0)
//     const[inc,setInc]=useState(0)
//     const fac=useMemo(()=>facOf(number),[number])

//     const handleClick=useCallback(()=>setInc(inc+1),[])
//     console.log(copy===handleClick)
//     copy=handleClick
 
//    const childComponent= useCallback((text)=>{
//        console.log(text)
//    },[])

    return(
    //     <div>
    //         <input type='text' size={5} defaultValue={number} onChange={(e)=>{
    //             setNumber(parseInt(e.target.value)||1)
    //         }} />
    //         的阶层结果={fac}
    //         <button onClick={()=>setInc(inc+1)}>重新渲染</button>
    //         <ChildComponent callback={childComponent}/>
    //     </div>
    <div>111</div>
    )
}
export default MemoVsCallback